<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>优化节点操作</title>
</head>
<body>
   
	<script>
		
		for(var i = 0 ; i < 10 ; i++){
			var oP  = document.createElement('p')
			oP.innerHTML = i;
			document.body.appendChild(oP)
		}
		// 创建文档碎片
		const fragEle = document.createDocumentFragment()
		for(var i = 0 ; i < 10 ; i++){
			var oP  = document.createElement('p')
			oP.innerHTML = i;
			fragEle.appendChild(oP)
		}
		document.body.appendChild(fragEle)
	</script>
</body>
</html>